<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <title>文本节点自定义 | eleTree2.0</title>
    <meta name="generator" content="VuePress 1.5.1">
    <link rel="icon" type="image/png" href="/favicon.ico">
    <link rel="stylesheet" href="/eleTree/css/icon.css?v=2.2.12.1">
    <script src="/eleTree/eleTree.js?v=2.2.24.1"></script>
    <script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?7fcfe1e92263ed7399914905523c0c95";var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s);})();</script>
    <meta name="description" content="">
    <meta name="baidu-site-verification" content="IvAUSITvsn">
    <meta name="keywords" content="eleTree2.0在线文档">
    <link rel="preload" href="/assets/css/0.styles.91221a34.css" as="style"><link rel="preload" href="/assets/js/app.a193bf19.js" as="script"><link rel="preload" href="/assets/js/3.84dbd945.js" as="script"><link rel="preload" href="/assets/js/25.c2c940c9.js" as="script"><link rel="preload" href="/assets/js/5.73297c64.js" as="script"><link rel="preload" href="/assets/js/13.e96ac51a.js" as="script"><link rel="prefetch" href="/assets/js/10.9f120277.js"><link rel="prefetch" href="/assets/js/11.6bcf5bb3.js"><link rel="prefetch" href="/assets/js/12.11e7832e.js"><link rel="prefetch" href="/assets/js/14.887918d8.js"><link rel="prefetch" href="/assets/js/15.8777782c.js"><link rel="prefetch" href="/assets/js/16.c76b5a5a.js"><link rel="prefetch" href="/assets/js/17.9a3746b5.js"><link rel="prefetch" href="/assets/js/18.f07500df.js"><link rel="prefetch" href="/assets/js/19.9a464253.js"><link rel="prefetch" href="/assets/js/20.857df9f7.js"><link rel="prefetch" href="/assets/js/21.b0a15b44.js"><link rel="prefetch" href="/assets/js/22.4b494a31.js"><link rel="prefetch" href="/assets/js/23.602eadb9.js"><link rel="prefetch" href="/assets/js/24.6f9d389f.js"><link rel="prefetch" href="/assets/js/26.ec45c9b1.js"><link rel="prefetch" href="/assets/js/27.9dcfcc9e.js"><link rel="prefetch" href="/assets/js/28.ffd2c680.js"><link rel="prefetch" href="/assets/js/29.49a2bdda.js"><link rel="prefetch" href="/assets/js/30.9ad91880.js"><link rel="prefetch" href="/assets/js/31.99c08fe3.js"><link rel="prefetch" href="/assets/js/32.fa9257f0.js"><link rel="prefetch" href="/assets/js/33.1ad2b15c.js"><link rel="prefetch" href="/assets/js/34.679800cc.js"><link rel="prefetch" href="/assets/js/35.15d8df11.js"><link rel="prefetch" href="/assets/js/36.7b07585c.js"><link rel="prefetch" href="/assets/js/37.01c340a9.js"><link rel="prefetch" href="/assets/js/38.9c17fa93.js"><link rel="prefetch" href="/assets/js/39.db7dda10.js"><link rel="prefetch" href="/assets/js/4.e515bbb8.js"><link rel="prefetch" href="/assets/js/40.d6c6a51a.js"><link rel="prefetch" href="/assets/js/41.0135d6c4.js"><link rel="prefetch" href="/assets/js/6.370904a1.js"><link rel="prefetch" href="/assets/js/7.972ab9e5.js"><link rel="prefetch" href="/assets/js/8.187f1fef.js"><link rel="prefetch" href="/assets/js/9.c85d4359.js"><link rel="prefetch" href="/assets/js/vendors~docsearch.d666988f.js">
    <link rel="stylesheet" href="/assets/css/0.styles.91221a34.css">
  </head>
  <body>
    <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar"><div class="sidebar-button"><svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" role="img" viewBox="0 0 448 512" class="icon"><path fill="currentColor" d="M436 124H12c-6.627 0-12-5.373-12-12V80c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12zm0 160H12c-6.627 0-12-5.373-12-12v-32c0-6.627 5.373-12 12-12h424c6.627 0 12 5.373 12 12v32c0 6.627-5.373 12-12 12z"></path></svg></div> <a href="/" class="home-link router-link-active"><!----> <span class="site-name">eleTree2.0</span></a> <div class="links"><form id="search-form" role="search" class="algolia-search-wrapper search-box"><input id="algolia-search-input" class="search-query"></form> <nav class="nav-links can-hide"><div class="nav-item"><a href="/eleTree/installation.html" class="nav-link">
  eleTree2.0
</a></div><div class="nav-item"><a href="https://layuiextend.hsianglee.cn/eleTree/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.0版本
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/hsiangleev/eleTree" target="_blank" rel="noopener noreferrer" class="nav-link external">
  github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://hsianglee.cn" target="_blank" rel="noopener noreferrer" class="nav-link external">
  个人博客
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav></div></header> <div class="sidebar-mask"></div> <aside class="sidebar"><nav class="nav-links"><div class="nav-item"><a href="/eleTree/installation.html" class="nav-link">
  eleTree2.0
</a></div><div class="nav-item"><a href="https://layuiextend.hsianglee.cn/eleTree/" target="_blank" rel="noopener noreferrer" class="nav-link external">
  1.0版本
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://github.com/hsiangleev/eleTree" target="_blank" rel="noopener noreferrer" class="nav-link external">
  github
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div><div class="nav-item"><a href="https://hsianglee.cn" target="_blank" rel="noopener noreferrer" class="nav-link external">
  个人博客
  <svg xmlns="http://www.w3.org/2000/svg" aria-hidden="true" x="0px" y="0px" viewBox="0 0 100 100" width="15" height="15" class="icon outbound"><path fill="currentColor" d="M18.8,85.1h56l0,0c2.2,0,4-1.8,4-4v-32h-8v28h-48v-48h28v-8h-32l0,0c-2.2,0-4,1.8-4,4v56C14.8,83.3,16.6,85.1,18.8,85.1z"></path> <polygon fill="currentColor" points="45.7,48.7 51.3,54.3 77.2,28.5 77.2,37.2 85.2,37.2 85.2,14.9 62.8,14.9 62.8,22.9 71.5,22.9"></polygon></svg></a></div> <!----></nav>  <div class="advertise-top"><script async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins data-ad-client="ca-pub-2229355551485035" data-ad-slot="6395441907" class="adsbygoogle" style="display:inline-block;width:210px;height:100px"></ins> <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
    </script></div> <ul class="sidebar-links"><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>开发指南</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/eleTree/installation.html" class="sidebar-link">安装</a></li><li><a href="/eleTree/quickstart.html" class="sidebar-link">快速开始</a></li><li><a href="/eleTree/update-log.html" class="sidebar-link">更新日志</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading"><span>使用文档</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/eleTree/usedocs-attr.html" class="sidebar-link">属性</a></li><li><a href="/eleTree/usedocs-methods.html" class="sidebar-link">方法</a></li><li><a href="/eleTree/usedocs-event.html" class="sidebar-link">事件</a></li></ul></section></li><li><section class="sidebar-group depth-0"><p class="sidebar-heading open"><span>示例</span> <!----></p> <ul class="sidebar-links sidebar-group-items"><li><a href="/eleTree/demo-methods.html" class="sidebar-link">方法示例</a></li><li><a href="/eleTree/demo-icon.html" class="sidebar-link">自定义图标或图片</a></li><li><a href="/eleTree/demo-customText.html" aria-current="page" class="active sidebar-link">文本节点自定义</a><ul class="sidebar-sub-headers"></ul></li><li><a href="/eleTree/demo-datatype.html" class="sidebar-link">pid结构的数据格式</a></li><li><a href="/eleTree/demo-rightmenu.html" class="sidebar-link">右键菜单</a></li><li><a href="/eleTree/demo-drag.html" class="sidebar-link">节点拖拽</a></li><li><a href="/eleTree/demo-lazyload.html" class="sidebar-link">懒加载</a></li><li><a href="/eleTree/demo-search.html" class="sidebar-link">树节点搜索</a></li><li><a href="/eleTree/demo-manydata.html" class="sidebar-link">大数据量渲染</a></li><li><a href="/eleTree/demo-sort.html" class="sidebar-link">树节点排序</a></li><li><a href="/eleTree/explain.html" class="sidebar-link">规则说明</a></li></ul></section></li></ul> </aside> <main class="page"> <div class="theme-default-content content__default"><h3 id="文本节点自定义"><a href="#文本节点自定义" class="header-anchor">#</a> 文本节点自定义</h3> <h4 id="使用说明"><a href="#使用说明" class="header-anchor">#</a> 使用说明</h4> <ol><li>初始化参数添加customText函数，返回的参数data为当前节点数据</li> <li>通过在回调函数中拼接节点，并返回节点</li> <li>添加的节点事件可以在节点的click回调事件中捕获，click事件的this代表当前点击的事件event</li> <li>给每个节点添加一个class，并在事件中使用<code>this.target.classList.contains('class')</code>，判断当前点击的是否为某个节点，然后可以在对应的事件中执行某些操作，如增删改查等</li></ol> <h4 id="注意"><a href="#注意" class="header-anchor">#</a> 注意</h4> <ol><li>拼接的节点中，文本不能被其他dom包裹，如<code>&lt;span&gt;data.label&lt;/span&gt;</code>，否则点击文本无法展开合并节点</li></ol> <h4 id="示例"><a href="#示例" class="header-anchor">#</a> 示例</h4> <div class="demo-block demo-zh-CN demo-demo-customText"><div class="source"><div><div class="eletree13"></div></div></div> <div class="meta"><!----> <div class="code"><div class="language-html line-numbers-mode"><pre class="language-html"><code><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">&quot;</span>eletree13<span class="token punctuation">&quot;</span></span><span class="token punctuation">&gt;</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">&gt;</span></span>

<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span><span class="token punctuation">&gt;</span></span><span class="token script"><span class="token language-javascript">
<span class="token keyword">var</span> index <span class="token operator">=</span> <span class="token number">0</span><span class="token punctuation">;</span>
<span class="token keyword">var</span> el <span class="token operator">=</span> <span class="token function">eleTree</span><span class="token punctuation">(</span><span class="token punctuation">{</span>
    el<span class="token operator">:</span> <span class="token string">'.eletree13'</span><span class="token punctuation">,</span>
    url<span class="token operator">:</span> <span class="token string">'/eleTree/json/1.json?v=2.0.12'</span><span class="token punctuation">,</span>
    highlightCurrent<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
    showCheckbox<span class="token operator">:</span> <span class="token boolean">true</span><span class="token punctuation">,</span>
    imgUrl<span class="token operator">:</span> <span class="token string">&quot;/eleTree/images/&quot;</span><span class="token punctuation">,</span>
    icon<span class="token operator">:</span> <span class="token punctuation">{</span>
        fold<span class="token operator">:</span> <span class="token string">&quot;fold.png&quot;</span><span class="token punctuation">,</span>
        leaf<span class="token operator">:</span> <span class="token string">&quot;leaf.png&quot;</span><span class="token punctuation">,</span>
        checkFull<span class="token operator">:</span> <span class="token string">&quot;.eletree_icon-check_full&quot;</span><span class="token punctuation">,</span>
        checkHalf<span class="token operator">:</span> <span class="token string">&quot;.eletree_icon-check_half&quot;</span><span class="token punctuation">,</span>
        checkNone<span class="token operator">:</span> <span class="token string">&quot;.eletree_icon-check_none&quot;</span><span class="token punctuation">,</span>
        dropdownOff<span class="token operator">:</span> <span class="token string">&quot;.eletree_icon-dropdown_right&quot;</span><span class="token punctuation">,</span>
        dropdownOn<span class="token operator">:</span> <span class="token string">&quot;.eletree_icon-dropdown_bottom&quot;</span><span class="token punctuation">,</span>
        loading<span class="token operator">:</span> <span class="token string">&quot;.eleTree-animate-rotate.eletree_icon-loading1&quot;</span><span class="token punctuation">,</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span>
    <span class="token function-variable function">customText</span><span class="token operator">:</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
        <span class="token keyword">var</span> s <span class="token operator">=</span> data<span class="token punctuation">.</span>label
        <span class="token keyword">if</span><span class="token punctuation">(</span>data<span class="token punctuation">.</span>id<span class="token punctuation">.</span><span class="token function">toString</span><span class="token punctuation">(</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">indexOf</span><span class="token punctuation">(</span><span class="token string">&quot;2&quot;</span><span class="token punctuation">)</span><span class="token operator">!==</span><span class="token operator">-</span><span class="token number">1</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
            s<span class="token operator">+=</span><span class="token template-string"><span class="token template-punctuation string">`</span><span class="token string">&lt;i class=&quot;eletree_icon-add addchild_test&quot;&gt;&lt;/i&gt;
            &lt;i class=&quot;eletree_icon-edit edit_test&quot;&gt;&lt;/i&gt;
            &lt;i class=&quot;eletree_icon-delete delete_test&quot;&gt;&lt;/i&gt;</span><span class="token template-punctuation string">`</span></span>
        <span class="token punctuation">}</span>
        <span class="token keyword">return</span> s
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
el<span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'click'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    <span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>target<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">contains</span><span class="token punctuation">(</span><span class="token string">'addchild_test'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
        el<span class="token punctuation">.</span><span class="token function">append</span><span class="token punctuation">(</span>data<span class="token punctuation">.</span>data<span class="token punctuation">.</span>id<span class="token punctuation">,</span> <span class="token punctuation">{</span>
            id<span class="token operator">:</span> <span class="token operator">++</span>index<span class="token punctuation">,</span>
            label<span class="token operator">:</span> <span class="token string">'aaa'</span> <span class="token operator">+</span> index<span class="token punctuation">,</span>
        <span class="token punctuation">}</span><span class="token punctuation">)</span>
        <span class="token comment">// 编辑完成触发add_child事件</span>
        el<span class="token punctuation">.</span><span class="token function">edit</span><span class="token punctuation">(</span>index<span class="token punctuation">,</span> <span class="token string">'add_child'</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token keyword">else</span> <span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>target<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">contains</span><span class="token punctuation">(</span><span class="token string">'edit_test'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
        <span class="token comment">// 编辑完成触发edit事件</span>
        el<span class="token punctuation">.</span><span class="token function">edit</span><span class="token punctuation">(</span>data<span class="token punctuation">.</span>data<span class="token punctuation">.</span>id<span class="token punctuation">,</span> <span class="token string">'edit'</span><span class="token punctuation">)</span>
    <span class="token punctuation">}</span><span class="token keyword">else</span> <span class="token keyword">if</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">.</span>target<span class="token punctuation">.</span>classList<span class="token punctuation">.</span><span class="token function">contains</span><span class="token punctuation">(</span><span class="token string">'delete_test'</span><span class="token punctuation">)</span><span class="token punctuation">)</span><span class="token punctuation">{</span>
        el<span class="token punctuation">.</span><span class="token function">remove</span><span class="token punctuation">(</span>data<span class="token punctuation">.</span>data<span class="token punctuation">.</span>id<span class="token punctuation">)</span>
    <span class="token punctuation">}</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'add_child'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
    <span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        data<span class="token punctuation">.</span><span class="token function">load</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
        <span class="token comment">// data.stop()</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">500</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span><span class="token punctuation">.</span><span class="token function">on</span><span class="token punctuation">(</span><span class="token string">'edit'</span><span class="token punctuation">,</span> <span class="token keyword">function</span><span class="token punctuation">(</span><span class="token parameter">data</span><span class="token punctuation">)</span> <span class="token punctuation">{</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span><span class="token keyword">this</span><span class="token punctuation">)</span>
    console<span class="token punctuation">.</span><span class="token function">log</span><span class="token punctuation">(</span>data<span class="token punctuation">)</span>
    <span class="token function">setTimeout</span><span class="token punctuation">(</span><span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=&gt;</span> <span class="token punctuation">{</span>
        data<span class="token punctuation">.</span><span class="token function">load</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
        <span class="token comment">// data.stop()</span>
    <span class="token punctuation">}</span><span class="token punctuation">,</span> <span class="token number">500</span><span class="token punctuation">)</span><span class="token punctuation">;</span>
<span class="token punctuation">}</span><span class="token punctuation">)</span>
</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">&gt;</span></span>
</code></pre> <div class="line-numbers-wrapper"><span class="line-number">1</span><br><span class="line-number">2</span><br><span class="line-number">3</span><br><span class="line-number">4</span><br><span class="line-number">5</span><br><span class="line-number">6</span><br><span class="line-number">7</span><br><span class="line-number">8</span><br><span class="line-number">9</span><br><span class="line-number">10</span><br><span class="line-number">11</span><br><span class="line-number">12</span><br><span class="line-number">13</span><br><span class="line-number">14</span><br><span class="line-number">15</span><br><span class="line-number">16</span><br><span class="line-number">17</span><br><span class="line-number">18</span><br><span class="line-number">19</span><br><span class="line-number">20</span><br><span class="line-number">21</span><br><span class="line-number">22</span><br><span class="line-number">23</span><br><span class="line-number">24</span><br><span class="line-number">25</span><br><span class="line-number">26</span><br><span class="line-number">27</span><br><span class="line-number">28</span><br><span class="line-number">29</span><br><span class="line-number">30</span><br><span class="line-number">31</span><br><span class="line-number">32</span><br><span class="line-number">33</span><br><span class="line-number">34</span><br><span class="line-number">35</span><br><span class="line-number">36</span><br><span class="line-number">37</span><br><span class="line-number">38</span><br><span class="line-number">39</span><br><span class="line-number">40</span><br><span class="line-number">41</span><br><span class="line-number">42</span><br><span class="line-number">43</span><br><span class="line-number">44</span><br><span class="line-number">45</span><br><span class="line-number">46</span><br><span class="line-number">47</span><br><span class="line-number">48</span><br><span class="line-number">49</span><br><span class="line-number">50</span><br><span class="line-number">51</span><br><span class="line-number">52</span><br><span class="line-number">53</span><br><span class="line-number">54</span><br><span class="line-number">55</span><br><span class="line-number">56</span><br><span class="line-number">57</span><br><span class="line-number">58</span><br><span class="line-number">59</span><br><span class="line-number">60</span><br></div></div></div></div> <div class="demo-block-control"><i class="caret-bottom"></i> <span style="display:none;">显示代码</span></div></div></div> <footer class="page-edit"><!----> <div class="last-updated"><span class="prefix">Last Updated:</span> <span class="time">9/15/2020, 3:50:03 PM</span></div></footer> <div class="page-nav"><p class="inner"><span class="prev">
      ←
      <a href="/eleTree/demo-icon.html" class="prev">
        自定义图标或图片
      </a></span> <span class="next"><a href="/eleTree/demo-datatype.html">
        pid结构的数据格式
      </a>
      →
    </span></p></div> </main></div><div class="global-ui"></div></div>
    <script src="/assets/js/app.a193bf19.js" defer></script><script src="/assets/js/3.84dbd945.js" defer></script><script src="/assets/js/25.c2c940c9.js" defer></script><script src="/assets/js/5.73297c64.js" defer></script><script src="/assets/js/13.e96ac51a.js" defer></script>
  </body>
</html>
